<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>熙康体检系统</title>
		<!-- 导入vue框架 -->
		<script src="js/v3.2.8/vue.global.prod.js"></script>
		<!-- 导入ElementPlus框架 -->
		<script src="js/element-plus.js"></script>
		<!-- 导入Elementplus Icon  -->
		<script src="js/element-icons.js"></script>	
	    <!-- 导入Elementplus Css样式 -->
		<link rel="stylesheet" href="css/element-plus.css">
		<!-- 引入主页面样式 -->
		<link rel="stylesheet" href="css/main.css">
		<style>
			iframe {
				border: 0px solid;
				width: 100%;
				height: 99%;
			}

			a {
				text-decoration: none;
			}
		</style>
	</head>
	<body>
		<div id="app">
			<el-container class="container">
				<!-- 头部 -->
				<el-header class="header">
					<!-- 左侧 -->
					<div>
						<!-- icon图标 -->
						<el-icon color="#fff" style="font-size: 16px; margin-right: 8px">
							<Phone />
						</el-icon>
						<!-- 标题 -->
						<h1>熙心健康体检系统</h1>
					</div>
					<!-- 右侧 -->
					<div>
						<p>系统管理员：admin</p>
						<el-button type="danger" @click="logout" size="small">OUT</el-button>
					</div>
				</el-header>
				<!-- 显示区域 -->
				<el-container>
					<!-- 侧边导航栏 -->
					<el-aside class="aside">
						<el-menu active-text-color="#ffd04b" background-color="#333744" class="el-menu-vertical-demo"
							text-color="#fff" @open="handleOpen" @close="handleClose">
							<a href="welcome.html" target="myframe">
								<el-menu-item index="1">
									<el-icon>
										<location />
									</el-icon>
									<span>首页</span>
								</el-menu-item>
							</a>
							<a href="tijianyuyue.html" target="myframe">
								<el-menu-item index="2">
									<el-icon>
										<Service />
									</el-icon>
									<span>体检预约</span>
								</el-menu-item>
							</a>
							<a href="yuyuelist.html" target="myframe">
								<el-menu-item index="3">
									<el-icon>
										<Grid />
									</el-icon>
									<span>预约列表</span>
								</el-menu-item>
							</a>
							<a href="tijianmain.html" target="myframe">
								<el-menu-item index="4">
									<el-icon>
										<document />
									</el-icon>
									<span>体检客户查询</span>
								</el-menu-item>
							</a>
						</el-menu>
						<!-- <el-card class="box-card"
							style="position: absolute; bottom: 0;width:260px;margin:8px; background-color: rgba(33, 33, 33, 0.5);color:#fff;">
							<div class="text item">日期：2023-12-15
								<el-divider />
							</div>
							<div class="text item">天气：小雪
								<el-divider />
							</div>
							<div class="text item">气温：-18 - -5
							</div>
						</el-card> -->
					</el-aside>

					<el-container>
						<!-- 主显示区 -->
						<el-main class="main">
							<!-- <iframe src="welcome.html" name="myframe" class="myframe"></iframe> -->
							<iframe src="wel.html" name="myframe" class="myframe"></iframe>
                            
						</el-main>
						<!-- 底部内容 -->
						<el-footer class="footer">
							
						</el-footer>
					</el-container>
				</el-container>
			</el-container>
		</div>
	</body>
	<script>
		const App = {
			data() {
				return {

				}
			},
			methods: {
				logout(){
					location.href="login.html";
				}
			}
		};
		const app = Vue.createApp(App);
		app.use(ElementPlus);
		app.component("phone", ElementPlusIconsVue.Phone);
		app.component("document", ElementPlusIconsVue.Document);
		app.component("Service", ElementPlusIconsVue.Service);
		app.component("Location", ElementPlusIconsVue.Location);
		app.component("Grid", ElementPlusIconsVue.Grid);
		app.mount("#app");
	</script>
</html>
